<template>
	<view >
<!-- 		<view class="list-cell bxpp u-border-bottom" @click="bxpp">
			不限车系
		</view> -->
			<view class="list-cell u-border-bottom" v-for="(item, index) in list" :key="index" @click="carSeriesClick(item.cx)">
				{{item.cx}}
			</view>
	</view>
</template>

<script>
	import API from "@/api/selectCar.js"
	import app from "../../App.vue"
	export default {
		name:"carSeries",
		onLoad(options){
			this.ppai = options.ppai;
			console.log(this.ppai);
		},
		onShow() {
			this.getSeriesList();
		},
		data() {
			return {
				ppai:"",
				scrollTop: 0,
				list: []
			}
		},
		methods:{
			getSeriesList(){
				let data = {
					ppai:this.ppai
				}
				API.getSeriesList1(data).then(res=>{
					console.log(res);
					this.list = res.data;
				})
			},
			
			carSeriesClick(cx){
				// console.log(item);
				// app.globalData.carType = item
				// console.log(item);
				// uni.navigateBack({
				// 	delta: 2
				// })
				uni.navigateTo({
						url:'./carTypeComplaint?cx='+cx+'&ppai='+ this.ppai
					})
			// 	}
			// }
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		}
	},
	}
</script>

<style lang="scss" scoped>
	.list-cell {
		display: flex;
		box-sizing: border-box;
		width: 100%;
		padding: 10px 24rpx 10px 48rpx;
		overflow: hidden;
		color: $u-content-color;
		font-size: 14px;
		line-height: 24px;
		background-color: #fff;
	}
</style>
